<template>
	<view class="home clearfix">
		<image src="/static/my/shangpu.png" class="dpfixed" mode=""></image>
		<cu-custom bgColor="bg-transparent text-white" isBack>
			<block slot="content">商家入驻</block>
		</cu-custom>
		<image src="/static/user/pingtai.png" class="wenzi" mode=""></image>
		<view class="discenter wp100 por mt15 f16 text-white">入驻三大好处</view>
		<view class="discenter wp100 por mt5">
			<image src="/static/user/11111s.png" class="sanjiao" mode=""></image>
		</view>
		<view class="flex align-center justify-end px40 por mt40">
			<view class="biaoqian discenter f12 text-white mr10">突出品牌</view>
		</view>
		<view class="flex align-center px40 por">
			<view class="biaoqian discenter f12 text-white ml10">提升客流</view>
		</view>
		<view class="discenter px40 por mt60">
			<view class="biaoqian discenter f12 text-white ml20">积累口碑</view>
		</view>
		
		<view class="dibu flex flex-direction align-center">
			<view class="liuchengbox discenter">
				<image src="/static/user/ruzhu.png" class="liucheng" mode=""></image>
			</view>
			<view class="px15 f14 fwb mt20 text-left wp100">一、商家入驻填写信息</view>
			<view class="px15 f12 text-info mt10 lh24 text-left wp100">
				商家入驻的时候需要认真填写商家名称，头像，地址，电话、营业执照，管理人员姓名，管理人员身份证，选择分类等信息。
			</view>	
			<view class="px15 f14 fwb mt10 text-left wp100">二、提交审核</view>
			<view class="px15 f14 fwb mt10 text-left wp100">三、审核通过，入驻成功</view>
			<view class="discenter wp100">
				<view class="discenter sqbutton bg-red" @click="pushPage('/pages/store/sqstore')">立即申请</view>
			</view>
		</view>
	</view>
</template>

<script>
import { mapState, mapActions } from 'vuex'
export default {
	data() {
		return {
			
		}
	},
	onLoad(e) {
		
	},
	methods: {
		...mapActions(['setStoretype']),
		
		
	}
}
</script>

<style lang="less">
	.tuijian-biaoqian{
		width: 14rpx;
		height: 27rpx;
	}
	.dpfixed{
		width: 100%;
		height: 100vh;
		position: fixed;
		z-index: 1;
		top: 0;
	}
	.wenzi{
		width: calc(100% - 100rpx);
		height: 80rpx;
		margin-left: 50rpx;
		position: relative;
		margin-top: 50rpx;
		z-index: 3;
	}
	.por{
		position: relative;z-index: 3;
	}
	.yidang{
		width: 540rpx;
		height: 54rpx;
		background-color: #FD6C06;
		border-radius: 60rpx;
		margin-top: 35rpx;
		color: #FFFFFF;
		margin-left: calc(50% - 270rpx);
	}
	.sanjiao{
		width: 24rpx;
		height: 20rpx;
	}
	.liuchengbox{
		width: 100%;
		height: 100rpx;
		background-color: #FFE2E3;
	}
	.liucheng{
		width: 600rpx;
		height: 60rpx;
		margin-left: calc(50% - 300rpx);
	}
	.biaoqian{
		width: 160rpx;
		height: 50rpx;
		background-image: linear-gradient(to right, #FD6F03, #FA3A35) !important;
		border-radius: 60rpx;
	}
	.dibu{
		width: 680rpx;
		height: 620rpx;
		position: fixed;
		bottom: 20rpx;
		left: calc(50% - 340rpx);
		background-color: #FFFFFF;
		border-radius: 10rpx;
		z-index: 5;
	}
	.lh24{
		line-height: 50rpx;
	}
	.sqbutton{
		width: 400rpx;
		height: 90rpx;
		border-radius: 60rpx;
		color: #FFFFFF;
		margin-top: 40rpx;
	}
</style>

